import { createApp } from 'vue'
import './style.css'
// import App from './App.vue'
// import App from "./components/ComponentUse/index.vue";
// import App from "./components/Props.vue";
// import App from "./components/CustomEvents.vue";
// import App from "./components/ProvideGrand.vue";
// import App from "./components/DynamicComponent.vue";
// import App from "./components/MtSlot.vue";
// import App from "./components/MyArticle.vue";
// import App from "./components/ScopeSlot.vue";
// import App from "./components/DirectiveComponent.vue";
// import App from "./components/CustomDirective.vue";
import App from "./components/Image.vue";







import GlobalComponent from "./components/GlobalComponent.vue";
// import Dome from "./components/Dom.vue";
// import App from './components/Message.vue'
// import App from './components/Ref.vue'
// import App from './components/Reactive.vue'
// import App from './components/ToRef.vue'
// import App from './components/toRefs.vue'
// import App from './components/Vtext.vue'
// import App from './components/Vbind.vue'
// import App from './components/vFor.vue'
// import App from './components/Vif.vue'
// import App from './components/Vshow.vue'
// import App from './components/v-on.vue'
// import App from './components/ShiJian.vue'
// import App from './components/Computed/index.vue'
// import App from './components/Watch.vue'
// import App from './components/ClassName.vue'
// import App from './components/ClassObject.vue'
// import App from './components/ClassStyle.vue'
// import App from './components/LifecycleHooks.vue'

const app = createApp(App)
app.component('GlobalComponent', GlobalComponent)
// 全局不用加v-
// app.directive('fontSize', {
//     mounted: el => {
//         el.style.fontSize = '70px'
//     },
// })
app.mount('#app')